@CHARSET "UTF-8";

@font-face {
	font-family: default_font;
	src: url('ressources/font.ttf');
}

@font-face {
	font-family: default_font_bold;
	src: url('ressources/font_bold.ttf');
}

/****************************************/
/* BODY									*/
/****************************************/

body{
    background: #FFF;
    padding:    5px 0px 10px 0px;
}

a:hover{
	font-family: default_font_bold;
}

/****************************************/
/* CONTAINER							*/
/****************************************/

#container{
    position:       relative;
    width:          80%;
    min-width:		1100px;
    margin:         0 auto;
    background:     #FFF;
    font-family:    default_font;
}

/****************************************/
/* CORE									*/
/****************************************/

#core{
    margin-top:         1em;
    padding:            1em;
    /*background-color:   #CCC;*/
    border:     		1px solid #dddddd;
    min-height:         450px;
    min-width: 			500px;
}

/****************************************/
/* HEADER BANNER						*/
/****************************************/

#headerBanner{
	position:       relative;
	height:         120px;
	margin-bottom:  2px;
	background:     #FFF url('ressources/images/headerbanner.jpg') no-repeat top left;
}

/****************************************/
/* FRAME								*/
/****************************************/

#frame{
    width:              450px;
    margin:             auto;
    padding:            10px;
    border:		        1px solid #DDDDDD;
}

/*FORM LABELS*/
#frame label {
    display:    block;
    width:      200px;
    float:      left;
}

#error{
    font-size:  0.9em;
    font-style: italic;
    color:      red;
}

#notification{
    font-size:  0.95em;;
    font-style: italic;
}

/****************************************/
/* CLASS								*/
/****************************************/

.comment a{
    color:              #000;
    text-decoration:    none;
    font-style:         italic;
    font-weight:        bold;
}

.comment a:hover{
    text-decoration: underline;
}

.center{
    text-align: center;
}

.comment{
    text-align: center;
    font-size:  0.8em;
    font-style: italic;
}

/****************************************/
/* TOP MENU								*/
/****************************************/

#topMenu *{
    position :      relative;
    width:          100%;
    height:         1.5em;
    margin-bottom:  0.1em;
    
    margin:			0px;
	padding:		0px;
	text-align:		center;
	
}

#topMenu a{
    display:            inline;
    color:              #000000;
    text-decoration:    none;
    
	text-transform:		none;
}

/* Submenus */

ul, li {
	list-style-type:none;
}

#topMenu ul li {
	text-align:		center;
	position:		relative;
	float:			left;
	width:			180px;
	cursor:			pointer;
	display:		block;
	height:			22px;
	border:			1px solid #dddddd;
	background:		#eeeeee;
}

#topMenu ul li:hover{
	font-family:	default_font_bold;
}

#topMenu ul li ul li a:hover{
    background:		yellowgreen;
}
 
/* Container for first level submenus */
#topMenu ul li ul {
	display:		none;
	position:		absolute;
	width:			180px;
	border-top:		none;
	top:			22px;
	left:			-1px;
	font-family:    default_font;
}
 
#topMenu ul li ul li {
	height:			100%;
}
 
#topMenu ul li ul li a {
	color:			#000000;
	font-size:		15px;
	font-weight:	normal;
	display:		block;
	height:			100%;
}
 
/* Second level submenus drop-down to the right */
#topMenu ul li ul li ul {
	top:			-1px;
	left:			180px;
}

/****************************************/
/* FOOTER								*/
/****************************************/

#footer{
    margin-top:     0.8em;
    clear:          both;
    color:          #777;
    height:         1.3em;
    font-size:      0.8em;
    padding-left:   2em;
    min-width: 		600px;
    border:			1px solid #dddddd;
}

#footer .right{
    position:			absolute;
    right:				2.0em;
}

#footer .right a{
    text-decoration:	none;
    color:				#777;
    padding-right:		0.5em;
    padding-left:		1em;
}

#footer .right a:hover{
    text-decoration:	underline;
}

/****************************************/
/* DEFAULT FORM							*/
/****************************************/

#defaultForm{
    width:              1000px;
    margin:             auto;
    padding:            10px;
    border:		        1px solid #DDDDDD;
}

#defaultFormEntry{
    margin:             auto;
    padding:            10px;
}

#defaultFormEntry label{
    display:    		block;
    width:      		200px;
    float:      		left;
}

/****************************************/
/* SEARCH AD							*/
/****************************************/

#searchAd{
    /*position:           relative;*/
    width:              80%;
    margin:             auto;
    padding:            10px;
    border:		        1px solid #DDDDDD;
}

#searchAdLine{
	/*display:    		block;*/
	text-align:			center;
    margin:             auto;
    padding:            5px;
}

#searchAdEntry label{
    width:      		200px;
}

/****************************************/
/* SEARCH/DISPLAY LIST ENTRY			*/
/****************************************/

#searchAdButton{
	text-align:			center;
}

#resultEntry{
	background-color:#EEEEEE;
	margin-top:20px;
	text-align:center;
	width:100%;
}

#resultEntry a{
    text-decoration:	none;
    color:#000;
}

#resultEntry a:hover{
    text-decoration:	underline;
}

#resultEntryCore{
	border: 1px solid #EEEEEE;
}

#resultEntryTitle{
	font-family: default_font_bold;
	text-align:left;
	/*display: block;*/
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom: 1px solid #CCC;
	text-indent: 5px;
}
#resultEntryLeft{
	text-align:left;
	vertical-align:top;
	display: inline-block;
	/*background-color:#f0f;*/
	width:25%;
	height:100%;
	padding:5px;
}
#resultEntryCenter{
	text-align:left;
	vertical-align:top;
	display: inline-block;
	/*background-color:#ff0;*/
	width:50%;
	height:100%;
	padding:5px;
}
#resultEntryRight{
	text-align:center;
	vertical-align:top;
	display: inline-block;
	/*background-color:#0f0;*/
	width:20%;
	height:100%;
	padding:5px;
}
#resultEntryFooter{
	text-align:right;
	/*display: block;*/
	width:100%;
	margin-right:5px;
	padding-bottom:5px;
}
#resultEntryFooter a{
    text-decoration:	none;
    color:#000;
}

#resultEntryFooter a:hover{
    text-decoration:	underline;
}

#resultEntryInfo{
	width:100%;
}

#resultEntryInfoTitle{
	width:50%;
	font-family:default_font_bold;
	display: inline;
	float:left;
}

#resultEntryInfoValue{
	width:50%;
	display: inline;
}

#resultEntryLeft{
	text-align:left;
	vertical-align:top;
	display: inline-block;
	/*background-color:#f0f;*/
	width:25%;
	height:100%;
	padding:5px;
}

/* Particular cases */
/* Kind of overriding...without inheritance */
#msgEntryCenter{
	text-align:left;
	vertical-align:top;
	display: inline-block;
	/*background-color:#ff0;*/
	width:70%;
	height:100%;
	padding:5px;
}

#msgEntryTitle a{
    text-decoration:	none;
    color:#000;
}

#msgEntryTitle a:hover{
    text-decoration:	underline;
}

#myAdsEntryTitle{
	display:inline-block;
	font-family: default_font_bold;
	text-align:left;
	/*display: block;*/
	width:75%;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom: 1px solid #CCC;
}

#myAdsEntryTopRight{
	display:inline-block;
	text-align:right;
	/*display: block;*/
	width:24%;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom: 1px solid #CCC;
}
#msgEntryInfoTitle{
	width:30%;
	font-family:default_font_bold;
	display: inline;
	float:left;
}

#rmsgEntryInfoValue{
	width:70%;
	display: inline;
}
